<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">       
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<title>Modificar Categoría</title>
    </head>
    <body class="container">
        <%@include file="../../opciones.jsp"%>
        <h1>Modificar Categoría</h1>
            <FORM class="form-horizontal" METHOD = "POST" ACTION = "<c:url value="/ModificarCategoria"/>">
                <div class="form-group">
		<label for="nombre_cat" class="col-md-2 control-label">Nombre Categoría</label>
                    <div class="col-md-10">
                        <INPUT id="nombre_cat" TYPE="Text" class="form-control" NAME = "NOMBRE" value="${registro.nombre}" required/>
                    </div>		
				</div>
				<div class="form-group">
                    <label class="col-md-2 control-label">Código Categoría</label> 
					<div class="col-md-10">
                        <p class="form-control-static">${registro.codCategoria}</p>
                        <INPUT TYPE= hidden  NAME = "COD_CATEGORIA" value="${registro.codCategoria}" min="1" />
					</div>
				</div>
				<div class="form-group">
                    <label for="descripcion_categoria" class="col-md-2 control-label">Descripción</label>
                    <div class="col-md-10">
                        <INPUT id="descripcion_categoria" TYPE="Text" class="form-control" NAME="DESCRIPCION" 
						value="${registro.descripcion}" min="1" required/>
                    </div>
				</div>
				<div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
						<button type="submit" class="btn btn-default">Modificar</button>
					</div>            
                </div>    
    </body>
</html>
